@import "reset.scss";
@import "base.scss";
@import "mixins.scss";

@import "theme.scss";
@import "customs.scss";

body,
html {
  height: 100%;
}

#app {
  height: 100%;
  --font1: 14px;
  --font2: 16px;
  --font3: 18px;
  --font4: 20px;
  --font5: 24px;
  --font6: 28px;
  --font7: 32px;
  --font8: 34px;
  @include respond-below(xxxl) {
    --font1: 12px;
    --font2: 14px;
    --font3: 16px;
    --font4: 18px;
    --font5: 20px;
    --font6: 24px;
    --font7: 28px;
    --font8: 32px;
  }

  .app-main-container {
    height: 100%;
  }
}
